蹲坑宝典 app源码下载(服务器端为asp.net)DKBD

资源分类：Ajax框架/RIA
发布人：房东的猫
文件大小：18664653
文件格式：.zip
浏览次数：28
下载次数： 0
发布时间：9月4日

标签： hbuildermui源码例子

开通会员每日领积分！

如何获取积分

0赞

8.5玩家评分(1人评分)

下载后可评

介绍评论  失效链接反馈

客户端基于 mui hbuilder 的 Hybrid App
服务端采用 ASP.NET MVC5， API调用采用oauth2.0 授权访问

<!DOCTYPE html><html><head><metacharset="utf-8"><metaname="viewport"content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /><title>蹲坑宝典</title><linkhref="css/mui.min.css"rel="stylesheet"/><linkhref="css/font-awesome.min.css"rel="stylesheet" /><linkhref="css/style.css"rel="stylesheet" /><scriptsrc="js/mui.min.js"></script><scriptsrc="js/common/basepage.js"></script><scriptsrc="js/common/update.js"></script></head><body><navclass="bottom-nav mui-bar mui-bar-tab"id="mui-bottom"><aclass="mui-tab-item mui-active"href="list.html"id='list.html'><spanclass="mui-icon fa fa-random"></span><spanclass="mui-tab-label">穿越</span></a><aclass="mui-tab-item"href="app/rank.html"id='app/rank.html'><spanclass="mui-icon fa fa-list-alt"></span><spanclass="mui-tab-label">排行</span></a><aclass="mui-tab-item"href="app/discover.html"id='app/discover.html'><spanclass="mui-icon fa fa-eye"></span><spanclass="mui-tab-label">发现</span></a><aclass="mui-tab-item"href="app/notes.html"id='app/notes.html'><spanclass="mui-icon fa fa-send-o"></span><spanclass="mui-tab-label">小纸条</span></a><aclass="mui-tab-item"href="app/my.html"id='app/my.html'><spanclass="mui-icon fa fa-user"></span><spanclass="mui-tab-label">我的</span></a></nav><script type="text/javascript" charset="utf-8"> mui.init(); var first = null; mui.back = function () { //首次按键，提示‘再按一次退出应用’ if (!first) { first = new Date().getTime(); mui.toast('再按一次退出应用'); setTimeout(function () { first = null; }, 1000); } else { if (new Date().getTime() - first < 1000) { plus.runtime.quit(); } } }; var subpages = ['list.html','app/rank.html','app/discover.html','app/notes.html','app/my.html']; var subpage_style = { bottom: '50px' }; //创建子页面，首个选项卡页面显示，其它均隐藏； mui.plusReady(function(){ var self = plus.webview.currentWebview(); for(var i=0;i<5;i ){ var sub = plus.webview.create(subpages[i],subpages[i],subpage_style,{preate:true}); if(i>0){ sub.hide(); } self.append(sub); } }); //当前激活选项 var activeTab = subpages[0]; //选项卡点击事件 mui('.mui-bar-tab').on('tap', 'a', function(e) { var targetTab = this.getAttribute('href'); if (targetTab == activeTab) { return; } //在”我的“页面之前判断是否注册登录 if (targetTab == subpages[4]) { if (databasepage.getItem("DKBD_USER") == null) { e.stopPropagation(); databasepage.openWin2('app/login.html', 'login', { preload: true }) return; } var wt=plus.webview.getWebviewById('app/my.html'); wt.evalJS('dataArr.init()'); } //显示目标选项卡 plus.webview.show(targetTab); //隐藏当前; plus.webview.hide(activeTab); //更改当前活跃的选项卡 activeTab = targetTab; }); //用户注册成功后直接跳到我的页面 function redicMy(){ var targetTab = 'app/my.html'; if (targetTab == activeTab) {//如果当前是我的页面，不处理 return; } var wt=plus.webview.getWebviewById(targetTab); wt.evalJS('dataArr.init()'); plus.webview.show(targetTab);//显示目标选项卡 plus.webview.hide(activeTab);//隐藏当前; document.getElementById(activeTab).className='mui-tab-item' activeTab = targetTab;//更改当前活跃的选项卡 document.getElementById(targetTab).className='mui-tab-item mui-active' }</script> </body></html>

下载蹲坑宝典 app源码下载(服务器端为asp.net)DKBD用户还喜欢

发表评论必须先登陆，您可以登陆或者注册新账号 !

蹲坑宝典 app源码下载(服务器端为asp.net)DKBD

评论

作者专栏

编辑推荐